<html>
	<head>
		<title>MS-Checkers : Joueur</title>
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  		<script src="/scripts/playingScript.js"></script>
  		
  		<style type="text/css">
  			#board{ width:600px; height:600px; border: ridge #D6B4B6 10px; margin:auto;	}
  			
  			.f{background-color: #FAF7F7;}
  			.b, .c, .w, .v{background-color: #DB9D56; width:60px; height:60px;}
  			.overValideCell{ background-color : #CEDB56; }
  			.overInvalideCell{ border : solid 1px red; }
  			.canMove{ background-color:#D9AD7C; }
  			.peace{}
  			.wPeace{}
  			.bPeace{}
  		</style>
	</head>
	<body onLoad="init();">
		<div id="iiid">
			<p><input type="button" name="start" value="Start" onclick="start();"></p>
			<h3 id="test">nothing</h3>
			<h3 id="info1">nothing</h3>
			<h3 id="info2">nothing</h3>
			
			<div id="checkers-board">
				<table id="board"></table>
			</div>
		</div>
	</body>
</html>